﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PersonalMessage.aspx.cs"
    Inherits="ATW.Web.login.PersonalMessage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>个人信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" />
    <link type="text/css" rel="Stylesheet" href="../Styles/Main.css" />
    <script type="text/javascript" src="../Scripts/jquery-1.7.1.min.js"></script>
    <style type="text/css">
        .icon-User
        {
            width: 40px;
            height: 40px;
            display: block;
            background: url('../images/login/user.png');
            background-size: cover;
        }
        .icon-Email
        {
            width: 40px;
            height: 40px;
            display: block;
            background: url('../images/login/email.png');
            background-size: cover;
        }
        .icon-House
        {
            width: 40px;
            height: 40px;
            display: block;
            background: url('../images/login/house.png');
            background-size: cover;
        }
       .ul-list
        {
            margin-top: 20px;            
            }
               input::-moz-placeholder
        {
            font-size: 14px;
            color: Black;
        }
        input::-webkit-input-placeholder
        {
            font-size: 14px;
            color: Black;
        }
        input::-ms-input-placeholder

            font-size: 14px;
            color: Black;
        }
    </style>
</head>
<body>
    <div class="container">
        <div id="model0" class="ui-flex ui-box">
            <ul class="ul-list ui-flex ui-box bg-white font-18" style="line-height: 40px;">
                <li class="ui-flex ui-box" style="padding: 20px;"><span class="icon-User ui-left"></span>
                    <span class="ui-left">用户名</span></li>
                <li style="border-top: 1px solid #F5F3F4; padding: 20px;" class="ui-flex ui-box"><span
                    class="icon-Email ui-left"></span><span class="ui-left">常用邮箱</span></li>
                <li style="border-top: 1px solid #F5F3F4; padding: 20px;" class="ui-flex ui-box"><span
                    class="icon-House ui-left"></span><span class="ui-left">联系地址</span></li>
            </ul>
        </div>
        <div id="model1" class="ui-flex ui-box">
            <input type="text" class="ui-flex ui-box" placeholder="请输入用户名" style="padding: 20px;
                margin-top: 20px;" />
            <a class=" bg-blue font-white ui-box ui-flex font-18"  style=" display: block; padding: 20px; text-align: center; margin-top: 200px;">保存</a>
        </div>
        <div id="model2" class="ui-flex ui-box">
            <input type="text" class="ui-flex ui-box" placeholder="请输入地址" style="padding: 20px;
                margin-top: 20px;" />
            <a class=" bg-blue font-white ui-box ui-flex font-18"  style=" display: block; padding: 20px;  text-align: center; margin-top: 200px;">保存</a>
        </div>
        <div id="model3" class="ui-flex ui-box">
            <input type="text" class="ui-flex ui-box" placeholder="请输入常用邮箱" style="padding: 20px;
                margin-top: 20px;" />
            <a class=" bg-blue font-white ui-box ui-flex font-18"  style=" display: block; padding: 20px;  text-align: center; margin-top: 200px;">保存</a>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            var containerHeight = $(".container").height();
            var windowHeight = $(window).innerHeight();
            if (windowHeight > containerHeight) {
                $(".container").height(windowHeight + "px");
            }
        })    
    </script>
</body>
</html>
